<!DOCTYPE html>
<html lang="en">
<head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>小爱同学，你好！</title>
 <style type="text/css">
 #div1{
 width: 234px;
 height: 170px;
background-color: rgb(95, 87,80);
 }
.guanggao{
 width: 346px;
 height: 170px;
 }
 img{
 width: 316px;
height: 170px;
 }
 #father{
 width: 1240px;
display: flex;
 justify-content: space-between;
 }
 #grandfather{
 width: 100%;
 display: flex;
 justify-content: center;
 }
 </style>
</head>
<body>
<div id="grandfather">
 <div id="father">
 <div id="div1"></div>
 <div class="guanggaoimg">
 < img src="6.png">
 </div>
 <div class="guanggaoimg">
 < img src="7.jpg">
 </div>
 <div class="guanggaoimg">
 < img src="8.png">
 </div>
 </div>
 </div>
</body>
</html>